/*   头部样式表       */

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none;
}

a,
u {
	text-decoration: none;
}

img {
	display: block;
	border: 0;
}

i,
em {
	font-style: normal;
}

b,
strong {
	font-weight: 100;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 16px;
	font-weight: 100;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
a{
	color: #000;
}
body{
	background: #fff;
}
._con {
	width: 1190px;
	margin: 0 auto;
}


/*----------------top---------------------*/

#top {
	height: 26px;
	background: #F2F2F2;
	font-size: 12px;
}

.top_con {
	height: 26px;
}

.collect {
	height: 26px;
	width: 100px;
	background: url(../img/tubiao.png) no-repeat left 5px;
	overflow: hidden;
	float: left;
}

.collect a {
	display: block;
	height: 17px;
	width: 64px;
	color: #666;
	margin-top: 5px;
	margin-left: 20px;
}

.collect a:hover {
	color: #ff6600;
}

.reg {
	float: left;
	height: 26px;
	width: 250px;
	line-height: 26px;
}

.reg a {
	display: inline-block;
	color: #333
}

.reg .a2 {
	float: right;
}

.reg a:hover {
	color: #ff6600
}

.float-right {
	float: right;
	line-height: 26px;
}

.float-right-mylj {
	float: left;
	padding: 0 8px;
}

.float-right a:hover {
	color: #ff6600
}


/*我的可得*/

.float-right-mykd {
	float: left;
	padding: 0 7px;
	position: relative;
}

.float-right-mykd i {
	background: url(../img/tubiao.png) no-repeat;
	width: 7px;
	height: 4px;
	display: inline-block;
	background-position: 0px -27px;
	margin-bottom: 2px;
}

.float-right-mykd ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 26px;
	z-index: 10;
}

.float-right-mykd ul li {
	margin-left: 8px;
}

.float-right-mykd:hover {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-top: 0;
}

.float-right-mykd:hover ul {
	background: #fff;
	width: 72.56px;
	border: 1px solid #ccc;
	border-top: 0;
}

.float-right-mykd ul a:hover {
	border-bottom: 1px solid #ff6600;
}

.float-right-mykd ul.show {
	display: block;
}

.float-right-mykd ul.hide {
	display: none;
}


/*帮助中心*/

.float-right-help {
	position: relative;
	float: left;
	padding: 0 7px;
}

.float-right-help ul {
	display: none;
	position: absolute;
	left: -1px;
	z-index: 10;
}

.float-right-help ul.show {
	display: block;
}

.float-right-help ul.hide {
	display: none;
}

.float-right-help i {
	background: url(../img/tubiao.png) no-repeat;
	width: 7px;
	height: 4px;
	display: inline-block;
	background-position: -8px -27px;
	margin-bottom: 2px;
}

.float-right-help:hover {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-top: 0;
}

.float-right-help:hover ul {
	text-align: center;
	background: #fff;
	width: 72.56px;
	border: 1px solid #ccc;
	border-top: 0;
}

.float-right-help ul a:hover {
	border-bottom: 1px solid #ff6600;
}

.float-right-car {
	float: left;
	padding: 0 8px;
	background: url(../img/tubiao.png) no-repeat left -42px;
	padding-left: 23px;
}

.float-right-car span {
	color: #ff6600;
}

.float-right-phone {
	float: left;
	padding: 0 8px;
	background: url(../img/tubiao.png) no-repeat left -66px;
	padding-left: 23px;
}

.float-right-phone span {
	background: url(../img/tubiao.png) no-repeat;
	background-position: 0px -146px;
	width: 168px;
	height: 203px;
	margin: -5px 0px 0px -65px;
	position: absolute;
	display: none;
	z-index: 10;
}

.float-right-phone:hover span {
	display: block;
}

.float-right-call {
	float: left;
	padding: 0 8px;
}

.float-right-call a {
	color: #ff6600;
	float: left;
}

.float-right-call i {
	background: url(../img/tubiao.png) no-repeat;
	float: left;
	margin-top: 4px;
	width: 16px;
	height: 16px;
	background-position: -100px 0px;
	padding-left: 10px;
}
/*------购物车step开始-----*/
.wide_page_top {
    height: 135px;
}
.cart_content {
    width: 998px;
    margin: 0 auto;
}
.wide_page_top_cont {
    height: 80px;
    padding-top: 20px;
    position: relative;
}
.wide_page_top_cont .logo {
    left: 0px;
    bottom: 20px;
    position: absolute;
}
.wide_page_top_cont .logo_type {
    height: 57px;
    line-height: 57px;
    color: #666;
    font-size: 18px;
    display: block;
    position: absolute;
    top: 29px;
    left: 205px;
}
.progress_bg_1, .progress_bg_2, .progress_bg_3 {
    width: 490px;
    height: 28px;
    position: absolute;
    right: 0px;
    top: 39px;
    overflow: hidden;
    background: url(../img/progress_bar.png);
}
.progress_1 {
    right: 380px;
}
.progress_2 {
    right: 210px;
}
.progress_3 {
    right: 45px;
}
.progress_1, .progress_2, .progress_3 {
    position: absolute;
    top: 65px;
    color: #666;
}
/*-----购物车step结束---*/
/*--------------------购物车样式开始----------------------------------*/
table{border-collapse:collapse;border-spacing:0;border:0;}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
.fl{float:left;}
.fr{float:right;}

.catbox{width:998px;margin:0 auto;}
.catbox table{text-align:center;width:100%;}
.catbox table th,.catbox table td{border:1px solid #CADEFF;}
.catbox table th{background:#e2f2ff;border-top:3px solid #a7cbff;height:30px;}
.catbox table td{padding:10px;color:#444;}
.catbox table tbody tr:hover{background:RGB(238,246,255);}
.checkbox{width:60px;}
.check-all{ vertical-align:middle;}
.goods{width:300px;}
.goods span{width:180px;margin-top:20px;text-align:left;float:left;}
.goods img{width:100px;height:80px;margin-right:10px;float:left;}
.price{width:130px;}
.count{width:90px;}
.count .add, .count input, .count .reduce{float:left;margin-right:-1px;position:relative;z-index:0;}
.count .add, .count .reduce{height:23px;width:17px;border:1px solid #e5e5e5;background:#f0f0f0;text-align:center;line-height:23px;color:#444;}
.count .add:hover, .count .reduce:hover{color:#f50;z-index:3;border-color:#f60;cursor:pointer;}
.count input{width:50px;height:15px;line-height:15px;border:1px solid #aaa;color:#343434;text-align:center;padding:4px 0;background-color:#fff;z-index:2;}
.subtotal{width:150px;color:red;font-weight:bold;}
.operation span:hover,a:hover{cursor:pointer;color:red;text-decoration:underline;}

.foot{margin-top:0px;color:#666;height:48px;border:1px solid #c8c8c8;border-top:0;background-color:#eaeaea;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));position:relative;z-index:8;}
.foot div, .foot a{line-height:48px;height:48px;}
.foot .select-all{width:80px;height:48px;line-height:48px;color:#666;text-align:center;}
.foot .delete{padding-left:10px;}
.foot .closing{border-left:1px solid #c8c8c8;width:161px;text-align:center;color:#666;font-weight:bold;cursor:pointer;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));}
.foot .closing:hover{background-image:linear-gradient(RGB(226,226,226),RGB(241,241,241));color:#333;}
.foot .total{margin:0 20px;cursor:pointer;}
.foot  #priceTotal, .foot #selectedTotal{color:red;font-family:"Microsoft Yahei";font-weight:bold;}
.foot .selected{cursor:pointer;}
.foot .selected .arrow{position:relative;top:-3px;margin-left:3px;}
.foot .selected .down{position:relative;top:3px;display:none;}
.show .selected .down{display:inline;}
.show .selected .up{display:none;}
.foot .selected:hover .arrow{color:red;}
.foot .selected-view{width:938px;border:1px solid #c8c8c8;position:absolute;height:auto;background:#ffffff;z-index:9;bottom:48px;left:-1px;display:none;}
.show .selected-view{display:block;}
.foot .selected-view div{height:auto;}
.foot .selected-view .arrow{font-size:16px;line-height:100%;color:#c8c8c8;position:absolute;right:330px;bottom:-9px;}
.foot .selected-view .arrow span{color:#ffffff;position:absolute;left:0px;bottom:1px;}

#selectedViewList{padding:10px 20px 10px 20px;}
#selectedViewList div{display:inline-block;position:relative;width:100px;height:80px;border:1px solid #ccc;margin:10px;float:left;}
#selectedViewList div img{width:100px;height:80px;margin-right:10px;float:left;}
#selectedViewList div span{display:none;color:#ffffff;font-size:12px;position:absolute;top:0px;right:0px;width:60px;height:18px;line-height:18px;text-align:center;background:#000;cursor:pointer;}
#selectedViewList div:hover span{display:block;}
/*--------------------购物车样式结束----------------------------------*/
/*--------猜你喜欢样式开始-------*/
.recommend {
    width: 990px;
    height: 290px;
    margin: 30px 0 50px 0;
    margin-left: 130px;
    position: relative;
}
.recommend_promotion {
    position: absolute;
    top: 29px;
    left: 0px;
    width: 988px;
    height: 290px;
    overflow: hidden;
    border: 1px solid #ccc;
    line-height: 20px;
    text-align: center;
}
.recommend_ul {
    position: absolute;
    top: 0px;
    left: 0px;
}
.recommend_ul li {
    width: 187px;
    height: 260px;
    float: left;
    padding: 0 5px 30px 5px;
}
.recommend_title {
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0px;
    left: 0px;
}
.recommend_title .on {
    border-bottom-color: #fff;
    color: #f60;
    font-weight: bold;
}
.recommend_title li {
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #ccc;
    border-left-width: 0px;
    float: left;
    cursor: pointer;
}



/*---------猜你喜欢样式结束-----------*/




/*-------------------底部样式---------*/
.wide-Footer{
	background: #f2f2f2;
}
.wide-Footer .FTA-03 {
	text-align: center;
	padding: 14px 0;
}

.wide-Footer .FTA-03 a {
	text-decoration: none;
}

.wide-Footer .FTA-03 a:hover {
	color: #ff6600;
}

.wide-Footer .FTA-03 p {
	text-align: center;
	padding-top: 5px;
}


/*----------提示框-----*/
#hint{
	position: fixed;
	left:30%;
	top:30%;
	width: 400px;
	height: 250px;
	background:#007FFF;
	z-index: 9000;
	display: none;
	
}
#hint .hint_a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size:16px ;
	text-align: center;
	background: #000000;
	color: #FFF7F0;
	border-bottom: 2px solid #CCCCCC;
}
#hint button{
	display: block;
	width: 160px;
	height: 80px;
	background: #ff6600;
	margin: 0 auto;
	margin-top: 100px;
	border-color: #CCCCCC;
	outline: none;
	font-size: 28px;
}
